@import '../scss/mixin';
@import '../scss/variable';

.tabItem {
    background: #fff;
    @include wh(100%, 100%);
    overflow: auto;

    .img {
        @include wh(100%, 200px);
        @include middle(200px);
        color: #fff;
        background-repeat: no-repeat;
    }

    .title {
        height: 60px;
        @include middle(60px);
        font-size: $base-size-m;
        color: #2196f3;
    }

    .content {
        @include flex(row, flex-start, center, wrap);
        padding-bottom: 20px;
        .item {
            width: 50%;
            dt {
                padding: 20px;
                img {
                    @include wh(260px, 260px);
                }
            }

            dd {
                text-align: center;
                font-size: $base-size-m;
                @include ellipsis()
            }
        }
    }
}